// css 变量
/**
z-index:
el-message:3000
tabs-box: 2100
*/
// z-index:
$elMeassageZindex :3000;
$tabsBoxZindex    :2100; // 要同时适配 下拉框+dialog弹窗（案例：add-employee/addEmployee）
$tabsBoxZindex1   :2000; // 弹窗出现时候，用这个

$haderH      :120px;
$navH        :55px;
$headerH     :60px;
$headerH1    :34px;
$sliderW     :180px;
$sliderItemH :40px;
$iconUrl     :'../../static/img/icon';
$imgUrl      :'../../static/img';

$blue      :#324157;
$light-blue:#3A71A8;
$red       :#C03639;
$pink      : #E65D6E;
$green     : #30B08F;
$tiffany   : #4AB7BD;
$yellow    :#FEC171;
$panGreen  : #30B08F;

$mainColor  : #2789ee; // #2789ee
$seccondColor  : #44c4ff; // #44c4ff
$thirdColor  : #a1daf5; // #44c4ff
$fourColor: #203764;
$primaryColor:#60A6F6;
$successColor:#67C23A;
$infoColor   :#909399;
$warningColor:#E6A23C;
$dangerColor :#F56C6C;

$editFormBgColor:#f8fafd;
$activeColor: #2789ee; // #2789ee
$bgColor    :#F8F8F8;
$borderColor:#E6E6E4;


//sidebar
$menuBg              :#f2f2f2;
$subMenuBg           :#fff;
$menuHover           :#EFEFEF;
$menuText            : #fff;
$menuActiveText      : $bgColor;
// $subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951
$subMenuHover        : #001528;
$sideBarWidth        : 210px;

// //table
$tableHeaderColor:#F8F8F9 // the :export directive is the magic sauce for webpack


// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
// eslint-disable-next-line
:export {
  mainColor           : $mainColor;
  menuText            : $menuText;
  menuActiveText      : $menuActiveText;
  fourColor: $fourColor;
  // subMenuActiveText: $subMenuActiveText;
  menuBg              : $menuBg;
  menuHover           : $menuHover;
  subMenuBg           : $subMenuBg;
  subMenuHover        : $subMenuHover;
  sideBarWidth        : $sideBarWidth;
}




/*滚动条样式 设置样式滚动条，会导致设置fixed的el-table样式出错错位 */
.scroll-bar::-webkit-scrollbar {
  width: 6px;
}

.scroll-bar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

.scroll-bar::-webkit-scrollbar-track {
  // border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

.custom-iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}